<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>文章分享</title>
    <link href="css/m/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/m/common.css"/>
    <link rel="stylesheet" href="css/m/detail.css" />
</head>
<body>
	<div class="mui-content">
		<div class="loading pf tac dn">
    		<i class="fa fa-spinner fa-pulse fa-3x fa-fw pa"></i>
    	</div>
	    <div class="SY-main">
	    	<div class="article-content">
	    		<div class="mainArticle pr">
	    			<div class="article">
	    				<div class="pic" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/012/176/032/smaller_square/red-hong-20180727.jpg?1533449100');"></div>
			    	</div> 
			    	<div class="cover mui-backdrop">
			    		<a href="#popover" class="mui-btn mui-action-menu dib">预约</a>
			    		<p class="text tac">系统检测你目前支持人数未满，请分享朋友支持你</p>
			    	</div>
	    		</div>
	    		<div class="articleMsg">
	    			<h2 class="articleTitle">大熊毛发制作视频制作教程</h2>
	    			<p class="msg">
	    				<span class="time">2018.03.30 16:30</span>
	    				<a href="javascript:void(0);" class="tips"><i class="fa fa-mobile"></i>打开APP</a>
	    			</p>
	    			<div class="description">
	    				这是对本视频的描述这是对本视频的描述这是对本视频的描述这是对本视频的描述这是对本视频的描述这是对本视频的描述这是对本视频的描述这是对本视频的描述这是对本视频的描述
	    			</div>
	    		</div>
	    	</div>
	    	<div class="comment-content">
	    		<div class="workerMsg clearfix">
	    			<div class="workerPic br50 fl pr">
						<span class="mark db pa approveGold"></span>
	    				<img class="br50" src="http://img.yxs.shenyecg.com/Image/XsYAuXoIGlEWkkruNBagDcopsdFbkVSm/233.jpg" alt="" />
	    			</div>
	    			<div class="workerDetail fl">
	    				<p class="top">
	    					<span class="workerName">哈哈哈</span>
	    					<span class="career">深夜-开发</span>
	    				</p>
	    				<p class="description toe">这是这位作者的自我描述</p>
	    			</div>
	    		</div>
	    		<div class="infos clearfix">
    				<a href="javascript:void(0);" class="fl agree active"><i class="fa fa-heart"></i><span class="num">100</span></a>
    				<p class="fr">@版权归作者所有</p>
    			</div>
    			<div class="commentList">
    				<p class="tips">评论<span class="num">120</span></p>
    				<!--缺省提示-->
    				<div class="emptyInfo tac dn">
    					<div class="icon"></div>
    					<p>暂无评论</p>
    				</div>
    				<div class="item clearfix">
    					<div class="userPic br50 fl pr">
							<span class="mark db pa approveGold"></span>
    						<img class="br50" src="http://img.yxs.shenyecg.com/Image/XsYAuXoIGlEWkkruNBagDcopsdFbkVSm/233.jpg" alt="" />
    					</div>
    					<div class="commentMsg fl">
    						<p class="userName">路人甲</p>
    						<div class="detail">
    							<p class="text">
    								用户对这个视频的一些评价详情
    							</p>
    							<p class="infos">
    								<span class="floor">1楼</span>
    								<span class="time">2018.3.31 15:20</span>
    							</p>
    						</div>
    						<div class="replyList clearfix">
    							<div class="userPic br50 fl pr">
									<span class="mark db pa approveBlue"></span>
    								<img class="br50" src="http://img.yxs.shenyecg.com/Image/XsYAuXoIGlEWkkruNBagDcopsdFbkVSm/233.jpg" alt="" />
    							</div>
    							<div class="replyMsg fl">
    								<p class="title"><span class="userNum1">路人乙</span>回复<span class="userNum2">路人甲</span></p>
		    						<div class="detail">
		    							<p class="text">
		    								用户对这个视频的一些评价详情
		    							</p>
		    							<p class="infos">
		    								<span class="floor dn">1楼</span>
		    								<span class="time">2018.3.31 15:20</span>
		    							</p>
		    						</div>
    							</div>
    						</div>
    					</div>
    					<a href="javascript:void(0)" class="like active fr"><span class="num">12</span><i class="fa fa-thumbs-o-up"></i></a>
    				</div>
    			</div>
	    		<!--加载更多-->
                <div class="loading tac d n">
                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                </div>
	    	</div>
	    	<div class="folderIcon br50 pf">
		    	<a class="db br50" href="javascript:void(0);"></a>
		    </div>
	    </div>
	    <div class="bottomTips pf clearfix">
	    	<div class="pic fl">
	    		<img src="img/m/icons/logo_03.png" alt="" />
	    		<span>深夜研习社</span>
	    	</div>
	    	<div class="fr predict">
	    		<a href="#popover" class="mui-btn mui-action-menu db">预约</a>
	    	</div>
	    </div>
	</div>
</body>

<script src="js/m/fontSize.js"></script>
<script type="text/javascript">
  /*	mui.init();*/
</script>
</html>